$(function() {

    // 进度条
    $('.score-bg span').animate({
        width: '66%'
    }, 2000)

    // 数字进度条

    $(document).ready(function() {
        begin();
    });

    // 操作动画
    $('.security-main .security-foot').animate({
        top: '413px',
        opacity: '1'
    }, 1500)

    // 绑定手机页面
    // 焦点
    var phone = $('.phone-input input');
    var phone_identifying = $('.phone_identifying input')

    phone.focus(function() {
        if (phone.val() == "请输入需要绑定的手机") {
            $(this).val("");
        } else if (phone.val() == '') {
            $(this).val("请输入需要绑定的手机");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    phone.blur(function() {
        if (phone.val() == '') {
            $(this).val("请输入需要绑定的手机");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    phone_identifying.focus(function() {
        if (phone_identifying.val() == "请输入短信验证码") {
            $(this).val("");
        } else if (phone_identifying.val() == '') {
            $(this).val("请输入短信验证码");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    phone_identifying.blur(function() {
        if (phone_identifying.val() == '') {
            $(this).val("请输入短信验证码");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    // 点击验证码，可以删除的。只是拿给智障看看效果的
    $('.phone_identifying span').click(function() {
        $('.identifying-remind').html('短信验证码发送成功，请注意查收。')
    })

    // 点击判断

    $('.Bind_phone-main .phone_button').click(function() {
        var phone_val = phone.val();
        var identifying_val = phone_identifying.val();
        if (!checkMobile(phone_val)) {
            $('.phone-input i').html('请输入有效的手机号码')
        } else {
            $('.phone-input i').html('')
        }
        if (!checkremind(identifying_val)) {
            $('.phone_identifying i').html('请输入有效的验证码')
        } else {
            $('.phone_identifying i').html('')
        }
    })

    // 手机号正则
    function checkMobile(str) {
        var re = /^(1\d{10})$/
        if (re.test(str)) {
            return true
        } else {
            return false
        }
    }

    // 验证码正则
    function checkremind(str) {
        var re = /^(\d{6})$/
        if (re.test(str)) {
            return true
        } else {
            return false
        }
    }

    // 邮箱正则
    function checkmailbox(str) {
        var re = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
        if (re.test(str)) {
            return true
        } else {
            return false
        }
    }

    // 验证邮箱页面

    var mailbox = $('.mailbox-input input');
    var mailbox_identifying = $('.mailbox_identifying input');

    // 邮箱验证

    mailbox.focus(function() {
        if (mailbox.val() == "请输入需要绑定的邮箱") {
            $(this).val("");
        } else if (mailbox.val() == '') {
            $(this).val("请输入需要绑定的邮箱");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    mailbox.blur(function() {
        if (mailbox.val() == '') {
            $(this).val("请输入需要绑定的邮箱");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    mailbox_identifying.focus(function() {
        if (mailbox_identifying.val() == "请输入邮箱验证码") {
            $(this).val("");
        } else if (mailbox_identifying.val() == '') {
            $(this).val("请输入邮箱验证码");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    mailbox_identifying.blur(function() {
        if (mailbox_identifying.val() == '') {
            $(this).val("请输入邮箱验证码");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    // 点击验证码，可以删除的。只是拿给智障看看效果的
    $('.mailbox_identifying span').click(function() {
        var mailbox_val = mailbox.val();
        var mailbox_identifying_val = mailbox_identifying.val();
        if (!checkmailbox(mailbox_val)) {
            $('.mailbox-input i').html('请输入有效的邮箱号')
        } else {
            $('.mailbox-input i').html('')
            $('.identifying-remind').html('邮箱验证码发送成功，请注意查收。')
        }
    })

    // 绑定邮箱
    $('.Bind_phone-main .mailbox_button').click(function() {
        var mailbox_val = mailbox.val();
        var mailbox_identifying_val = mailbox_identifying.val();
        if (!checkmailbox(mailbox_val)) {
            $('.mailbox-input i').html('请输入有效的邮箱号')
        } else {
            $('.mailbox-input i').html('')
        }
        if (!checkremind(mailbox_identifying_val)) {
            $('.mailbox_identifying i').html('请输入有效的验证码')
        } else {
            $('.mailbox_identifying i').html('')
        }
    })

    // 修改密码页面
    // 焦点
    var modify_old = $('.modify_old-input input');
    var modify_new = $('.modify_new-input input');
    var Confirm_modify = $('.Confirm_modify-input input');
    var Verification_input = $('.Verification-input input');

    // 旧密码验证
    modify_old.focus(function() {
        if (modify_old.val() == "旧密码") {
            $(this).val("");
        } else if (modify_old.val() == '') {
            $(this).val("旧密码");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    modify_old.blur(function() {
        if (modify_old.val() == '') {
            $(this).val("旧密码");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    // 新密码验证
    modify_new.focus(function() {
        if (modify_new.val() == "新密码") {
            $(this).val("");
        } else if (modify_new.val() == '') {
            $(this).val("新密码");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    modify_new.blur(function() {
        if (modify_new.val() == '') {
            $(this).val("新密码");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    // 确认密码验证
    Confirm_modify.focus(function() {
        if (Confirm_modify.val() == "确认密码") {
            $(this).val("");
        } else if (Confirm_modify.val() == '') {
            $(this).val("确认密码");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    Confirm_modify.blur(function() {
        if (Confirm_modify.val() == '') {
            $(this).val("确认密码");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    // 验证码验证
    Verification_input.focus(function() {
        if (Verification_input.val() == "验证码") {
            $(this).val("");
        } else if (Verification_input.val() == '') {
            $(this).val("验证码");
        }
        $(this).css("border-color", "#e8b768");
        $(this).css("transition", "1s");
    })
    Verification_input.blur(function() {
        if (Verification_input.val() == '') {
            $(this).val("验证码");
        }
        $(this).css("border-color", "#252525");
        $(this).css("transition", "1s");
    })

    // 安全程度判断
    modify_new.keydown(function() {
        if ($(this).val().length < 6) {
            $('.security-degree .low').addClass('yellow')
            $('.security-degree .high').removeClass('yellow')
            $('.security-degree .in').removeClass('yellow')
        } else if ($(this).val().length > 5 && $(this).val().length < 13) {
            $('.security-degree .in').addClass('yellow')
            $('.security-degree .high').removeClass('yellow')
            $('.security-degree .low').removeClass('yellow')
        } else if ($(this).val().length > 11 && $(this).val().length < 19) {
            $('.security-degree .in').removeClass('yellow')
            $('.security-degree .high').addClass('yellow')
            $('.security-degree .low').removeClass('yellow')
        }
    })

})

var count = 0;

function begin() {
    if (!(count > 66)) {
        $(".security_score h4 span").text(count);
        setTimeout("begin()", 30);
    }
    count++;
}
